﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TeamMember.aspx.cs" Inherits="OnlineCooperation.TeamMember" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>TeamMember</title>

    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/bootstrap-responsive.css" rel="stylesheet" />
    <!-- <link rel="stylesheet" type="text/css" href="css/jquery.pageslide.css" / >-->
    <link href="css/s.css" rel="stylesheet" />
    <style>
        body {
            padding-top: 60px;
            padding-bottom: 40px; /*background: rgb(246,249,253);*/
            background: url(img/brickwall.png) repeat 0 0;
            font: 14px/18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #000000;
            -webkit-font-smoothing: antialiased;
            -webkit-text-size-adjust: none;
        }

        .InfoBlock {
            padding-top: 100px, 100px, 100px;
            border: 3px, #808080;
        }

        .BlankBlock {
            width: auto;
            height: 100px;
        }
        /* Custom container */
        .container-narrow {
            margin: 0 auto;
            max-width: 1140px;
        }

            .container-narrow > hr {
                margin: 30px 0;
            }

        .subMenu2 {
            position: absolute;
            top: 580px;
            height: 50px;
            z-index: 1000;
            width: 100%;
            max-width: 1100px;
            min-width: 960px;
            background: #fff;
            opacity: 0.8;
        }
    </style>
</head>
<body>
    <form id="FormTeamPage" runat="server">
        <div class="container-narrow">
            <div class="subMenu">
                <div class="navbar navbar-static">
                    <div class="navbar-inner">
                        <div class="container" style="width: auto;">
                            <a id="sTop" class="brand" href="#">
                                <!--<%=Session["UserName"] %>-->
                            </a>
                            <ul class="nav" role="navigation">
                                <li class="dropdown"><a id="drop1" href="#" role="button" class="dropdown-toggle"
                                    data-toggle="dropdown">个人信息</a>
                                    <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                                        
                                        <li role="presentation"><a role="menuitem" tabindex="-1" href="ResetUserInfo.aspx">修改用户名</a></li>
                                        <li role="presentation" class="divider"></li>
                                        <li role="presentation"><a role="menuitem" tabindex="-1" href="ResetPwd.aspx">修改密码</a></li>
                                    </ul>
                                </li>
                                <li><a href="TeamPage.aspx" id="s1" class="subNavBtn" role="button">团队信息</a></li>
                                <li><a href="PersonalFile.aspx" id="s2" class="subNavBtn" role="button">个人文件管理</a></li>
                                
                            </ul>
                            <ul class="nav pull-right">
                                <li><a href="HomePageJump.aspx" target="_parent" class="dropdown">返回首页</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="BlankBlock">
            </div>
            <div class="row-fluid">
                <div class="span3">
                    <ul class="nav nav-list" contenteditable="false">
                        <li class="nav-header">列表标题</li>
                        <li><a href="TeamPost.aspx">团队新鲜事</a></li>
                        <li><a href="TeamPage.aspx">团队信息</a></li>
                        <li class="active"><a href="TeamMember.aspx">团队成员</a></li>
                        <li class="divider"></li>
                        <li class="nav-header">协作平台</li>
                        <li><a href="TeamFile.aspx">文件管理</a></li>
                        <li><a href="DrawBoard.aspx">画板</a></li>
                        <li><a href="#">帮助</a></li>
                    </ul>
                </div>
                <div class="span9">
                    <table class="table table-hover" contenteditable="true">
                        <thead>
                            <tr>
                                <th>编号</th>
                                <th>用户名 </th>
                                <th>邮箱地址</th>
                            </tr>
                        </thead>
                        <tbody>
                        <%int i=0; %>
                        <%foreach (OnlineCooperation.Entity.User u in ulist){ %>
                        <%i++; %>
                        <%string str="";%>
                        <%if (i % 2 == 0) %>
                        <%str = "success";%>
                        <%else %>
                        <%str = "";%>
                            <tr class="<%=str %>">
                                <td><%=i%></td>
                                <td><%=u.Name %></td>
                                <td><%=u.Email %></td>
                            </tr>
                            <%} %>
                        </tbody>
                    </table>
                    <a href="#AddMember" role="button" class="btn btn-primary" data-toggle="modal">添加新成员</a>
                    <a href="#DeleteMember" role="button" class="btn btn-primary" data-toggle="modal">删除成员</a>
                </div>

            </div>

        </div>

        <div id="AddMember" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="AddMemberDialog" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="AddMemberDialog">邀请成员加入团队</h3>
            </div>
            <div class="modal-body">
                <div class="control-group">
                    <div class="controls">
                        <input id="NewMemberEmail" type="text" runat="server" placeholder="被邀请人的邮件地址" />
                    </div>
                    <div class="controls">
                        <input
                            id="TeamDescription"
                            type="text"
                            placeholder="对ta说些什么……"
                            runat="server"
                            style="min-height: 100px" />
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <asp:Button ID="ButtonAddMember" class="btn btn-primary" runat="server" Text="确定" OnClick="ButtonAddMember_Click"></asp:Button>
                <button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
            </div>
        </div>

        <div id="DeleteMember" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="DeleteMemberDialog" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="DeleteMemberDialog">删除该团队的成员</h3>
            </div>
            <div class="modal-body">
                <div class="control-group">
                    <div class="controls">
                        <input id="OldMemberName" type="text" runat="server" placeholder="欲删除成员的用户名" />
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <asp:Button ID="ButtonDeleteMember" class="btn btn-primary" runat="server" Text="确定" OnClick="ButtonDeleteMember_Click"></asp:Button>
                <button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
            </div>
        </div>

    </form>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/html5shiv.js"></script>
    <script src="js/jqBootstrapValidation.js"></script>
    <script type="text/javascript">
        $(function () {
            $("input,select,textarea").not("[type=submit]").jqBootstrapValidation();
        });
        $("#ButtonLogin").jqBootstrapValidation({ preventSubmit: false });
    </script>
</body>
</html>
